<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="stylesheet" href="../../css/allBase.css">
		<link rel="stylesheet" href="../../css/h-ui/css/H-ui.min.css" />
		<link rel="stylesheet" href="../../css/tables.css">
		<link rel="stylesheet" href="../../css/dialog.css" />
        <link href="../../js/riqi/bootstrap.min.css" rel="stylesheet">
        <link href="../../js/riqi/font-awesome.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" media="all" href="../../js/riqi/daterangepicker-bs3.css" />
		<style>
			#main1 canvas {
			/*	width: 500px;*/
			}
			#main1 {
				width: 100%;
/*				height: 500px!important;*/
				box-shadow:none ;
			}
			.title{
				width: 100%;
				height: 500px;
				border: none;
			}
			.title p{
				border-bottom: 1px solid #eeeeee;
				padding-bottom: 15px;
				padding-top:15px;
				background: #fafafa;
				text-align: center;
				font-size:18px;
				
			}
			.title ul{
				border: none;
			}
			.title2{
				width: 38%;
				left: 60%;
				height: 400px;
				border: none;
				box-shadow: none;
			}
			.title1{
				width: 56%;
				height: 400px;
				border: none;
				box-shadow: none;
			}
			.title1 canvas{
		/*		height: 360px!important;*/
			}
			#main {
				width: 100%;
				box-shadow:none ;
			}
			.timerow td{
				text-align: center!important;
			}
			td:last-child{
				/*border-right:1px solid #ddd!important;*/
			}

			.tableBox{
			    padding-bottom: 10px;
			    margin-left: 2%;
			    margin: 2% auto;
			    width: 97%;
			    height: 100%;
			    /*min-height: 550px;*/
			    background-color: #fff;
			    box-shadow: 3px 3px 20px 3px #ddd;
			    position: absolute;
			    top: -9999px;
			    left: -9999px;
			}
			.mt-20{
				padding-left: 50px;
				padding-right: 50px;
			}
			
   	        .loadingimg{
				z-index: 50;
			}
		</style>
		<![endif]-->
    <title>结果</title>

</head>
<body>
	<div class="classifiedBox">
	     <div class="classified-search">
             <form class="form-horizontal" style="margin-bottom: 5px;">
                 <fieldset>
                  <div class="control-group">
                    <div class="controls">
                    <p style="float: left;line-height: 34px;">日期范围：</p>
                     <div class="input-prepend input-group" style="float: left;width:150px;">
                     	<!--<div id="reservation" class="pull-left dateRange" style="width: 210px;background-color: #eee;border: 1px solid #ccc;border-radius: 4px;padding: 2px 7px;margin-top: 4px;">  
	                        <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>  
	                        <span id="searchDateRange"></span>  
	                        <b class="caret"></b>  -->
	                    <span class="add-on input-group-addon">
                     		<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
                     	</span>
                     	<input type="text" readonly style="width: 200px" name="reservation" id="reservation" class="form-control" value="2017-7-21 - 2017-7-21" />
                   </div>
                     <p class="meici" style="float:left;color:red;line-height: 34px;">（每次最多选取60天）</p>
                    </div>
                  </div>
                 </fieldset>
              </form>
	        <div class="product-classification">
	            <div class="productR">
	                产品分类：
	            </div>
	            <div class="productL">
	                
	                <!--<span id="pcagent" class="selected">pc客户端</span>
	                <span id="agent" class="selected">代理商版</span>-->
	                <span id="ying" class="selected">新版考试宝典</span>
	                <span id="allsingleproducts">全部单品</span>
	                <span id="zyyszcp">执业药师</span>
	                <span id="yxzcp">药学职称</span>
	                <span id="yjksp">医技考试</span>
	                <span id="zyysp">执业医师</span>
	                <span id="zyyssp">住院医师</span>
	                <span id="hlksp">护理考试</span>
	                <span id="zzzyp">主治中医</span>
	                <span id="zzysp">主治医师</span>
	                <span id="yxgjp">医学高级</span>
					<span id="agent">代理商</span>
					<br>
                    <span id="jsgjksbdp">技师高级职称</span>
	                <span id="jszjksbdp">技师中级职称</span>
	                <span id="jscjksbdp">技师(士)初级</span>
	                <span id="hlxgjzcksbdp">护理高级职称</span>
	                <span id="yxzjzcksbdp">医学中级职称</span>
	                <span id="cjhsksbdp">初级护师</span>
	                <span id="zghsksbdp">主管护师</span>
	                <span id="wkgjzcksbdp">外科高级职称</span>
	                <span id="wkzzysksbdp">外科主治医师</span>
	                <span id="nkgjzcksbdp">内科高级职称</span>
	                <span id="nkzzysksbdp">内科主治医师</span>
	                <span id="yxksbdp">医学</span>
	                <i>（*多选）</i>
	            </div>
	            <!--<div class="singleApp">
	            	
	            </div>-->
	        </div>
	        <!--<div class="purchase-situation">
	            购买情况：
	            <span class="selected" id="注册人数">注册人数</span><span id="游客数">游客数</span><span id="游客注册数">游客注册数</span>（*单选）
	        </div>-->
	        <button id="btncx" onclick="" class="btn btn-success" type="submit">开始查询</button>
	        <!--<div class="refresh">
	            <img src="../../img/refresh.png" alt="">
	            <a class="tabReload" href="#">刷新当前</a>
	        </div>-->
	    </div>
	</div>
    <!--数据展示结果-->
    <img class="loadingimg" src="../../img/loading.gif" style="position: absolute; top: 0%; left: 0; right: 0; bottom: 0; margin: auto;display: none;" />
    <div class="runWarp">
    	<ul class="run">
    		<li class="list1">游客使用功能分布</li>
    		<li class="runMain">
    			
    		</li>
    	</ul>
    	
    	<ul class="distribute">
    	   <li class="list1">游客登录到注册成功过程中的流失情况</li>
    	   <li class="distributeMain">
    	   	    <div class="distributeStep">
    					<div class="setpNum">
    						<ul>
    							<li>0</li>
    							<li>0</li>
    							<li>0</li>
    						</ul>
    					</div>
    					<div class="zhugan"><img src="../../img/a.png"></div>
    					<div class="setpMain">
    						<ul>
    							<li>使用功能的游客数</li>
    							<li>请求登录页面的游客数</li>
    							<li>注册成功的游客数</li>
    						</ul>
    					</div>
    			</div>
    	   </li>
    	</ul>	
    </div>
    <div class="tableBox">
    	<div class="title" style="width:100%">
    		<p>使用功能的游客人数占比图与趋势图</p>
    		<ul class="title1" >
    			<!--<li class="list1">注册人数占比图</li>-->
    			<li id="main1" class="main">
    			</li>
    			
    		
    		</ul>
    		<ul class="title2" >
    			<!--<li class="list1">注册人数趋势图</li>-->
    			
    			<li id="main" class="main">
    				
    			</li>
    		</ul>
    	</div>
    </div>	
    <!--<div class="tableBox">	
    	<div class="titleTwo title" style="width:100%">
    		<p>游客当日登录并注册数占比图与趋势图</p>
    		<ul class="title1" >
    			<li id="mainTwo1" class="main">
    			</li>
    			
    		
    		</ul>
    		<ul class="title2" >
    			<li id="mainTwo" class="main">
    				
    			</li>
    		</ul>
    	</div>
    </div>-->
    
    <script src="../../js/jquery/jQuery-2.2.0.min.js"></script>
    <script type="text/javascript" src="../../js/base/echarts.js"></script>
    <script type="text/javascript" src="../../js/base/ajax.js"></script>
    <script type="text/javascript" src="../../js/base/yingSoftPrg.js"></script>
    <script type="text/javascript" src="../../js/base/dialog.js"></script>
    <script type="text/javascript" src="../../js/riqi/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../js/riqi/moment.js"></script>
    <script type="text/javascript" src="../../js/riqi/daterangepicker.js"></script>
    <script type="text/javascript">
            var myDate = new Date();//添加日期
               	y=myDate.getFullYear(); 
               	m=myDate.getMonth()+1;
               	d=myDate.getDate()-1;
               	if(myDate.getDate()==1){
               		 d=myDate.getDate();
               	}
               	dqy=y+"-"+m+"-"+d;
               	$('#reservation').val(dqy+" - "+dqy)
//             	  $('#reservation span').html(dqy + ' - ' +dqy);
               $(document).ready(function() {
                  $('#reservation').daterangepicker({
                        // startDate: moment().startOf('day'),  
                        //endDate: moment(),  
                        //minDate: '01/01/2012',    //最小时间  
                        maxDate : moment(), //最大时间   
                        dateLimit : {  
                            days : 60  
                        }, //起止时间的最大间隔  
                        showDropdowns : true,  
                        showWeekNumbers : false, //是否显示第几周  
                        timePicker : false, //是否显示小时和分钟  
                        timePickerIncrement : 60, //时间的增量，单位为分钟  
                        timePicker12Hour : false, //是否使用12小时制来显示时间  
                        ranges : {  
                            //'最近1小时': [moment().subtract('hours',1), moment()],  
                            '昨日': [moment().subtract('days', 1).startOf('day'), moment().subtract('days', 1).endOf('day')],
                            '最近7日': [moment().subtract('days', 6), moment()],  
                            '最近30日': [moment().subtract('days', 29), moment()],  
                            '最近60日': [moment().subtract('days', 59), moment()]  
                        },  
                        opens : 'right', //日期选择框的弹出位置  
                        buttonClasses : [ 'btn btn-default' ],  
                        applyClass : 'btn-small btn-primary blue',  
                        cancelClass : 'btn-small',  
                        format : 'YYYY-MM-DD', //控件中from和to 显示的日期格式  
                        separator : ' - ',  
                        locale : {  
                            applyLabel : '确定',  
                            cancelLabel : '取消',  
                            fromLabel : '从',  
                            toLabel : '到',  
                            weekLabel: 'W',
                            customRangeLabel : '选择时间',  
                            daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],  
                            monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月',  
                                    '七月', '八月', '九月', '十月', '十一月', '十二月' ]
//                          firstDay : 1  
                        }  
                    }, function(start, end, label) {//格式化日期显示框  
                        $('#reservation span').html(start.format('YYYY-MM-DD') + ' - ' + end.format('YYYY-MM-DD'));  
                    }); 
					
               });
               $(document).on('click','.applyBtn',function(){//判断日期是否是在60天之内
               	     var val=$('#reservation').val().split(' - ');
                  	 var endTime=new Date(val[1]);
                  	 var startTime=new Date(val[0]);
                  	if(endTime - startTime>5270400000){
                  		$('.daterangepicker').css('display','block')
                  		 G_Prg.alert('每次最多选取60天',function(){
		
	                    });
                  	}
               })
               var hTimes = ["0点","1点","2点","3点","4点","5点","6点","7点","8点","9点",
    				"10点","11点","12点","13点","14点","15点","16点","17点","18点","19点",
    				"20点","21点","22点","23点"
    				];
            this.init = function(){
                var option = {};
                var dd=new Date();
                var m=dd.getMonth()+1;
                var d1=dd.getDate();
                //var d2=dd.getDate();
                var days1=G_Prg.GetDay(dd.getFullYear(),m,d1);
                var days2=  dd.getFullYear()+'-'+m+'-'+d1;
                $('#logmin').val(days1);
                $('#logmax').val(days1);
                allclick();//点击事件

            }

            /**************************************************
             * 功能：点击事件
             * 函数名：allclick（）
             * 传入参数：无
             * 创建人：刘淳昊 2017-03-13
             *************************************************/
            function allclick() {
                //刷新页面
                $('.refresh').on('click',function(){
                    window.location.reload();
                })
                //切换科目选项 (全选反选)
                
                
                $('.productL span').on('click',function(){
	            if($(this).attr('id')=='ying'){
						$(this).addClass('selected').siblings().removeClass('selected');
				}else if($(this).attr('id')=='allsingleproducts'){
						$(this).addClass('selected').siblings().removeClass('selected');
				}else{ 
				   if($(this).hasClass('selected')){
                       $(this).removeClass('selected');
                       $('.productL span').eq(0).removeClass('selected');
                       $('.productL span').eq(1).removeClass('selected');
                   }else{
                       $(this).addClass('selected')
                       $('.productL span').eq(0).removeClass('selected');
                       $('.productL span').eq(1).removeClass('selected');
                   }
				}
		
                })
                $('.singleApp span').on('click',function(){
                	$('#allsingleproducts').removeClass('selected');
                	if($(this).hasClass('selected')){
                        $(this).removeClass('selected');
                    }else{
                        
                        $(this).addClass('selected');
                    }
                })
                
                //切换情况选项
                $('.purchase-situation span').on('click',function(){
                    if($(this).hasClass('selected')){
                        $(this).removeClass('selected');
                    }else{
                        $(this).addClass('selected').siblings().removeClass('selected');
                    }
                })
                //查询结果
                $('#btncx').on('click',function(){
                var val=$('#reservation').val().split(' - ');
                var startTime=new Date(val[0]);
                var endTime=new Date(val[1]);
                if(endTime-startTime<5270400000){
                	$('.setpNum li').html('0');
                    $('.loadingimg').show();
                	$('.panel-body').hide();
                	setTimeout(function(){
                		$('.panel-body').show();
	                    getLoginData2();
	                    getLoginCount3();
	                    getLoginData3();
	                    getLoginData5();
//	                    getLoginCount();
//	                    window.onresize = function () {
//					        hwChart.resize();
//					        swChart.resize();
//					    }
                	},500)
                }else{
               		G_Prg.alert('每次最多选取60天',function(){
		
	                });
                }
                })

            }
             /**************************************************
             * 功能：折线图
             * 函数名：canvas1（）
             * 传入参数：无
             * 创建人：韩富攀 2017-08-13
             *************************************************/
            function Canvas1(jsonData,times,_total,clientsName){
                var series =[];
                var xAxis =[];
//              $('.titleNum').append('全部产品总注册人数：'+_total);
                var StyleSin = function(){
                    return {
                        data:[],
                        axisLabel: {
							show: true,
							textStyle: {
								color: '#000',
								fontFamily: "microsoft yahei",
								fontSize: 12
							}
						}
						
                    }
                };
                var Item = function(){
                    return {
                        name:'',
                        type:'line',
                        itemStyle: {normal: {}},
                        label: {normal: {}},
                        data:[]
                    }
                };

                for(var i =0;i<jsonData.length;i++){
//              	 以日期为x轴
                    if(times.length>1 && clients.length==1){
                        var it = new Item();
                        var style = new StyleSin();
                        it.name = '人数';
                        it.type = 'line';
                        it.data = jsonData[0].data.split(',');
                        style.data = times;
                        style.type = 'category';
                        style.boundaryGap = false;
                        style.name='(时间)';
                        series.push(it);// 将item放在series中
                        xAxis.push(style);

                    }
                    //日期为x轴 以小时为x轴
                    if(times.length == 1 && clients.length==1){
                    	
                        var it = new Item();
                        var style = new StyleSin();
                        it.name = '人数';
                        it.type = 'line';
                        it.data = jsonData[0].data.split(',');
                        style.data = hTimes;
                        style.type = 'category';
                        style.boundaryGap = false;
                        style.name='(时间)';
                        series.push(it);// 将Itemsin放在series中
                        xAxis.push(style);// 将StyleSin放在xAxis中
                    }
                    //科目为x轴 以小时为x轴
                    if(times.length == 1 && clients.length>1){
                        var it = new Item();
                        var style = new StyleSin();
                        var datanum = [ ];
                        it.name = clientsName[i];
                        it.type = 'line';
                        it.data = jsonData[i].data.split(',');
                        style.data = hTimes;
                        style.type = 'category';
                        style.boundaryGap = false;
                        style.name='(时间)';
                        series.push(it);// 将Itemsin放在series中
                        xAxis.push(style);// 将StyleSin放在xAxis中

                    }
                    //日期为x轴 以日期为x轴
                    if(times.length > 1 && clients.length > 1){
                        var it = new Item();
                        var style = new StyleSin();
                        it.name = clientsName[i];
                        it.type = 'line';
                        it.data = jsonData[i].data.split(',');
                        style.data = times;
                        style.type = 'category';
                        style.boundaryGap = false;
                        style.name='(时间)';
                        series.push(it);// 将Itemsin放在series中
                        xAxis.push(style);// 将StyleSin放在xAxis中

                    }

                }
                // 基于准备好的dom，初始化echarts实例
                swChart = echarts.init(document.getElementById('main1'));
                // 指定图表的配置项和数据
                option = {
                    title: {
                    	x:'20',
                        text: ''
                    },
                    tooltip : {
                        trigger: 'axis'
                    },
                    legend: {
                        data:[
                            {
                                name:'人数',
                                textStyle:{fontWeight:'bold', color:'#3c8dbc',fontSize:16}
                            }
                        ]
                    },
                     grid: {
				        left: '5%',
				        bottom: '2%',
				        containLabel: true
				    },
                    yAxis: {
                        type : 'value'
                    },
                    series: []
                    
                };
                option.series = series;
               option.xAxis = [{  //修改上面的日期
             	   axisLabel:{show:true},
             	    splitLine:{show:false},
	               textStyle:{color:"#000",fontFamily:"microsoft yahei",fontSize:12},
	               boundaryGap:false,
	               name:"(时间)",
	               type:"category",
                   data:xAxis[0].data
              }];


                // 使用刚指定的配置项和数据显示图表。
                swChart.setOption(option);
            }
             /**************************************************
             * 功能：饼状图
             * 函数名：canvas2（）
             * 传入参数：无
             * 创建人：韩富攀 2017-08-13
             *************************************************/
              function Canvas2(jsonData,clientsName){
            	for(var i=0;i<jsonData.length;i++){
            		jsonData[i].name = clientsName[i];
            	}
            	// 基于准备好的dom，初始化echarts实例
                hwChart = echarts.init(document.getElementById('main'));
            	var option1 = {
					title : {
					    text: '',
					   	x:'center'
					},
					tooltip : {
					    trigger: 'item',
					    formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					legend: {
					    orient : 'vertical',
					    x : 'right',
					    data:clientsName
					},
					toolbox: {
					    show : false,
					    feature : {
					        mark : {show: true},
					        dataView : {show: true, readOnly: false},
					        magicType : {
					            show: true, 
					            type: ['pie', 'funnel'],
					            option: {
					                funnel: {
					                    x: '10%',
					                    width: '50%',
					                    funnelAlign: 'left',
					                    max: 1548
					                }
					            }
					        },
					        restore : {show: true},
					        saveAsImage : {show: true}
					    }
					},
					calculable : true,
					series : [
					    {
					        name:'来源',
					        type:'pie',
					       	radius : '60%',
					        center: ['45%', '50%'],
					        data:jsonData,
					        itemStyle: {
				                emphasis: {
				                    shadowBlur: 10,
				                    shadowOffsetX: 10,
				                    shadowColor: 'rgba(0, 0, 0, 0.5)'
				                }
				            }
					    }
					]
				};
            	//使用刚指定的配置项和数据显示图表。
                hwChart.setOption(option1);
            }
            /**************************************************
             * 功能：矩形图
             * 函数名：canvas3（）
             * 传入参数：无
             * 创建人：韩富攀 2017-08-13
             *************************************************/
        function Canvas3(dataName,total){
		  	swChart = echarts.init(document.querySelector('.runMain'));
		  	var series=[];
		  	var trueRate = 0.00;
		  	var Item = function(){
		                    return {
		                        name:'',
		                        value:'',
		                        value2:'',
		                        rate:'',
		                    }
		                };
		  	for(var i=0;i<dataName.length;i++){
		  	 	if(dataName.length > 1){
		            var it = new Item();
		            it.name = dataName[i].name;
		            it.value = dataName[i].data;
		            it.value2 = dataName[i].data2;
		            it.rate = dataName[i].data2/total;  
		            series.push(it);// 将Itemsin放在series中
		        }
		  	 	
		  	}
	
			var option = {
	            tooltip : {
	                       show: true,
	                       trigger: 'item',
	                       //show: true,   //default true
	                       showDelay: 0,//显示延时，添加显示延时可以避免频繁切换
	                       hideDelay: 20,//隐藏延时
                           transitionDuration: 0.2,//动画变换时长
	                       backgroundColor: 'rgba(0,0,0,0.7)',//背景颜色（此时为默认色）
	                       borderRadius: 8,//边框圆角
	                       padding: 20,    // [5, 10, 15, 20] 内边距
	                       position: function (p) {
	                           return [p[0] + 10, p[1] - 10];
	                       },
	                       formatter: function (params,ticket,callback) {
	                          var res = '';  
				              var myseries = option.series;  
				              for (var i = 0; i < myseries.length; i++) {  
				                   for(var j=0;j<myseries[i].data.length;j++){  
				                        if(myseries[i].data[j].name==params.name){
				                        	   res+= "<p>"+parseInt(myseries[i].data[j].rate*100)+'%</p>'; 
				                        	   res+= myseries[i].data[j].name+'<br/>';  
				                               res+=' 点击量: '+myseries[i].data[j].value2+'</br>';  
				                               res+=' 点击人数: '+myseries[i].data[j].value+'</br>';
				                         }  
				                   }         
				              }  
				              return res;  
	                       }
	        	},
	            grid: {
                    left: '0%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true,
                    x:130
                },
	        	calculable : true,
		        series : [
		            {
		                name:"数据",
		                type:'treemap',
		                roam:false,
		                nodeClick:false,
		                drillDownIcon:false,
		                breadcrumb:false,//去下面提示
		                itemStyle: {
		                    normal: {
		                        label: {
		                            show: true,
		                            formatter: "{b}",
		                            textStyle:{
				                         // 用 itemStyle.normal.label.textStyle.fontSize 來更改餅圖上項目字體大小
				                         fontSize: 18
		                            }
		                        },
				                grid: {
	                                left: '50%',
	                                right: '4%',
	                                bottom: '3%',
	                                containLabel: true,
	                                x:130
	                            },
		                        borderWidth: 1
		                    },
		                    emphasis: {
		                        label: {
		                            show: true
		                        }
		                    }
		                },
		                data:series
		            }
		        ]
	  		};
//	  		},0)
			// 使用刚指定的配置项和数据显示图表。
			    swChart.setOption(option);
		
		}
            /**************************************************
             * 功能：分步 /api/new/registerflow
             * 接口：https://tongji.ksbao.com:8003
             * 函数名：fenbu（）
             * 传入参数：startDay    开始时间
             *         endDay      结束时间
             *         clients     所选单品
             * 创建人：韩富攀 2017-09-01
             *************************************************/
	        function fenbu(data){
	        	var dataList=[];
	        	for(item in data){
					switch(data[item].btnName){
						case '使用功能':
						    var obj={
						   	 'btnName':'使用功能的游客数',
						   	  'count':data[item].count  
						   }
						   dataList.push(obj);
						  break;
						case '请求登录页':
						   var obj={
						   	 'btnName':'请求注册登录页面的游客数',
						   	  'count':data[item].count  
						   }
						   dataList.push(obj);
						  break;
						
						case '注册成功':
						  var obj={
						   	 'btnName':'注册成功的游客数',
						   	  'count':data[item].count  
						   }
						   dataList.push(obj);
						  break;    
	                }   
	        	}
	        	var compare = function (prop) {
				    return function (obj1, obj2) {
				        var val1 = obj1[prop];
				        var val2 = obj2[prop];
				        if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
				            val1 = Number(val1);
				            val2 = Number(val2);
				        }
				        if (val1 > val2) {
				            return -1;
				        } else if (val1 < val2) {
				            return 1;
				        } else {
				            return 0;
				        }            
				    } 
				}
				var objArr=dataList.sort(compare("count"))
	        	for(var i=0;i<objArr.length;i++){
		            switch(i){
						case 0:
						   $('.setpMain').find('li').eq(0).html(objArr[i].btnName)
						   $('.setpNum').find('li').eq(0).html(objArr[i].count)
						  break;
						case 1:
						   $('.setpMain').find('li').eq(1).html(objArr[i].btnName)
						  $('.setpNum').find('li').eq(1).html(objArr[i].count)
						  break;
						case 2:
						   $('.setpMain').find('li').eq(2).html(objArr[i].btnName)
						  $('.setpNum').find('li').eq(2).html(objArr[i].count)
						  break;    
	                }   
                }
	       }

        /*矩形图*/
     function getLoginData2(){
            var val=$('#reservation').val().split(' - ');
            var startTime = val[0];
            var endTime = val[1];
            clients=[];
            btnName=[];
            $('.productL .selected').each(function(){
            	clients.push($(this).attr('id'));
            });
            $('.selectionL .selected').each(function(){
            	btnName.push($(this).attr('id'));
            });
            $('.singleApp .selected').each(function(){
            	clients.push($(this).attr('id'));
            });
            getAll(startTime,endTime);
            var userType = $('.purchase-situation .selected').attr('id');
            var clientsData = JSON.stringify(clients);
            var appvn = $('.purchase-situation1 .selected').html();
            var btnName = '["进入支付页","搜索","继续","分享","章节练习","智能测评","智能练习","模拟考试","直播间","考点精讲","错题精讲","真题精讲","押题密卷","考点冲刺包","错题重做","我的收藏","我的笔记","排行榜","考试指南","客服中心","我的科目","答疑","我的页面里面的登录","我的消息","系统通知"]'
            var _url='/api/new/clickDistribution?startDay='+startTime+'&endDay='+endTime+'&userType='+ '2' +'&client=' + clientsData +'&btnName='+btnName+'&type='+ '1';
            G_AjaxApi.get(_url,false,function(json){
                var jsonData = JSON.parse(json);
                if(jsonData.status ==200){
                    if(jsonData.data.length == 0){
                          Canvas3(_data);
                    }else{
                    	$('.titleNum').empty();
                    	var dataName=[];
                        for(var i=0;i<jsonData.data.length;i++){
                        	dataName.push(jsonData.data[i].name)
                        }
                        var _data = jsonData.data;
                        var _total = jsonData.data.total;
                        $('.loadingimg').hide();
                        Canvas3(_data.data,_total);
                    }

                }else {
                    console.log(jsonData.status)
                }
            })
        }
             /**************************************************
             * 功能：登录成功人数数据 /api/new/loginCount
             * 接口：https://tongji.ksbao.com:8003
             * 函数名：getLoginData（）
             * 传入参数：startDay    开始时间
             *         endDay      结束时间
             *         clients     所选单品
             *         userType    购买未购买[0未购买、1购买、2合计]
             * 创建人：刘淳昊 2017-03-20
             *************************************************/
            function getLoginData3(){
                var val=$('#reservation').val().split(' - ');
                var startTime = val[0];
                var endTime = val[1];
                clients=[];
                clientsName=[];
                $('.productL .selected').each(function(){
                	clients.push($(this).attr('id'));
                	clientsName.push($(this).text());
                });
                $('.singleApp .selected').each(function(){
                	clients.push($(this).attr('id'));
                	clientsName.push($(this).text());
					
                });
                var times=[];
                getAll(startTime,endTime);
                function getAll(begin,end){
				    var ab = begin.split("-");
				    var ae = end.split("-");
				    var db = new Date();
				    db.setUTCFullYear(ab[0], ab[1]-1, ab[2]);
				    var de = new Date();
				    de.setUTCFullYear(ae[0], ae[1]-1, ae[2]);
				    var unixDb=db.getTime();
				    var unixDe=de.getTime();
				    for(var k=unixDb;k<=unixDe;){
					    times.push((new Date(parseInt(k))).format());
					    k=k+24*60*60*1000;
				    }
				}
                var userType = $('.purchase-situation .selected').attr('id');
                var clientsData = JSON.stringify(clients);
                var clientsNameData = JSON.stringify(clientsName);
                var _url='/api/new/registCount?startDay='+startTime+'&endDay='+endTime+'&type=游客数&clients='+clientsData;
                G_AjaxApi.get(_url,false,function(json){
                    var jsonData = JSON.parse(json);

                    if(jsonData.status ==200){
                        if(jsonData.data ==[ ]){
                            console.log('数据为空');
                        }else{
                        	$('.titleNum').empty();
                            var _data = jsonData.data.list;
                            var _total = jsonData.data.total;
                            Canvas1(_data,times,_total,clientsName);
                            $('.loadingimg').hide();
							
                        }

                    }else {
                        console.log(jsonData.status)
                    }
                })
            }

            /**************************************************
             * 功能：游客注册数 /api/new/loginCountAll
             * 接口：https://tongji.ksbao.com:8003
             * 函数名：getLoginData（）
             * 传入参数：startDay    开始时间
             *         endDay      结束时间
             *         clients     所选单品
             *         userType    购买未购买[0未购买、1购买、2合计]
             * 创建人：刘淳昊 2017-03-20
             *************************************************/
            function getLoginCount3(){
                var val=$('#reservation').val().split(' - ');
                var startTime = val[0];
                var endTime = val[1];
                clients=[];
                clientsName=[];
                $('.productL .selected').each(function(){
                	clients.push($(this).attr('id'));
                	clientsName.push($(this).text());
                });
                $('.singleApp .selected').each(function(){
                	clients.push($(this).attr('id'));
                	clientsName.push($(this).text());
					
                });
                
                var userType = $('.purchase-situation .selected').attr('id');
                var clientsData = JSON.stringify(clients);
                var clientsNameData = JSON.stringify(clientsName);
                var _url='/api/new/registCountAll?startDay='+startTime+'&endDay='+endTime+'&type=游客数&clients='+clientsData;
                G_AjaxApi.get(_url,false,function(json){
                    var jsonData = JSON.parse(json);

                    if(jsonData.status ==200){
                        if(jsonData.data ==[ ]){
                            console.log('数据为空');
                        }else{
                            var _data = jsonData.data;
//                          var _total = jsonData.data.total;
							
                            Canvas2(_data,clientsName);
                            $('.loadingimg').hide();
                        }

                    }else{
                        console.log(jsonData.status)
                    }
                })
            }
            /*分步请求接口*/
            function getLoginData5(){
                var val=$('#reservation').val().split(' - ');
                var startTime = val[0];
                var endTime = val[1];
                clients=[];
                clientsName=[];
                $('.productL .selected').each(function(){
                	clients.push($(this).attr('id'));
                	clientsName.push($(this).text());
                });
                $('.singleApp .selected').each(function(){
                	clients.push($(this).attr('id'));
                	clientsName.push($(this).text());
					
                });
                var times=[];
                getAll(startTime,endTime);
                function getAll(begin,end){
				    var ab = begin.split("-");
				    var ae = end.split("-");
				    var db = new Date();
				    db.setUTCFullYear(ab[0], ab[1]-1, ab[2]);
				    var de = new Date();
				    de.setUTCFullYear(ae[0], ae[1]-1, ae[2]);
				    var unixDb=db.getTime();
				    var unixDe=de.getTime();
				    for(var k=unixDb;k<=unixDe;){
					    times.push((new Date(parseInt(k))).format());
					    k=k+24*60*60*1000;
				    }
				}
                var userType = $('.purchase-situation .selected').attr('id');
                var clientsData = JSON.stringify(clients);
                var clientsNameData = JSON.stringify(clientsName);
                var _url='/api/new/registerflowone?startDay='+startTime+'&endDay='+endTime+'&clients='+clientsData+'&type='+'tourist';
                G_AjaxApi.get(_url,false,function(json){
                    var jsonData = JSON.parse(json);
                    if(jsonData.status ==200){
                        if(jsonData.data ==[ ]){
                            console.log('数据为空');
                        }else{
                        	$('.titleNum').empty();
                            var _data = jsonData.data;
                            var _total = jsonData.data.total;
                            $('.loadingimg').hide();
                            fenbu(_data);
							$('.runWarp').css('position','inherit');
							$('.tableBox').css('position','inherit');
                        }

                    }else {
                        console.log(jsonData.status)
                    }
                })
            }
            /**********************************************************
            * 功能：获取日期区间
            * ********************************************************/
            function getDate(datestr){
                var temp = datestr.split("-");
                var date = new Date(temp[0],temp[1],temp[2]);
                return date;
            }
              Date.prototype.format=function (){
		    var s='';
		    s+=this.getFullYear()+'-';          // 获取年份。
		    s+=(this.getMonth()+1)+"-";         // 获取月份。
		    s+= this.getDate();                 // 获取日。
		    return(s);                          // 返回日期。
		   };
			function getAll(begin,end){
				times=[];
			    var ab = begin.split("-");
			    var ae = end.split("-");
			    var db = new Date();
			    db.setUTCFullYear(ab[0], ab[1]-1, ab[2]);
			    var de = new Date();
			    de.setUTCFullYear(ae[0], ae[1]-1, ae[2]);
			    var unixDb=db.getTime();
			    var unixDe=de.getTime();
			    for(var k=unixDb;k<=unixDe;){
				    times.push((new Date(parseInt(k))).format());
				    k=k+24*60*60*1000;
			    }
			}

            init();


    </script>
</body>
</html>